<style>
    .tab{
        width: 100%;
        height: 50px;
        text-align: center;
        line-height: 50px;
    }
    .countryImg{
        text-align: center;
    }
    .cityText{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }
</style>
<div class="bui-page bui-box-vertical home-page-skin2" id="countryLoading">
    <header>
        <!-- 顶部固定内容 -->
        <div class="bui-bar" style="background-color: rgb(255,85,46)">
            <div class="bui-bar-left">
                <!-- 左边有图标示例 -->
                <div class="bui-btn btn-back" id="countryFh"><i class="icon-back"></i></div>
            </div>
            <div class="bui-bar-main">国家切换</div>
            <div class="bui-bar-right"></div>
        </div>
    </header>
    <main>
        <!-- 中间滚动内容 -->
        <div class="bui-box" style="height: 100%;background-color: white">
            <div style="width:80px;background-color: #D6D6D6;margin-right: 10px" id="list">

            </div>
            <div class="span1">
                <span style="font-weight: bold;font-size: 0.4rem" id="mqText">目前站点：</span><label style="color: red; font-size: 0.3rem" id="zd"></label>
                <div id="country1" style="margin-top: 10px">

                </div>
            </div>
        </div>
    </main>

</div>
